#Goodslist{
	#goodsDiv{
		width:100%;
		height:44px;
		background:#ff6600;
		position: relative;

		.back{
			width:15%;
			float:left;
			height:44px;
			text-align: center;
			line-height:44px;

			.backzuo{
				color:#fff;
				font-size:26px;
			}

		}

		.denglu{
			width:70%;
			float:left;
			height:44px;
			text-align: center;
			line-height:44px;
			color:#fff;
			font-size:16px;
		}

		.homepage{
			width:15%;
			float:left;
			height:44px;
			text-align: center;
			line-height:44px;

			.homgsy{
				color:#fff;
				font-size:24px;
			}
		}
	}

	.searchDiv{
		width:100%;
		height:36px;
		border-bottom:1px solid #e3e3e4;

		.goodsInput{
	    width: 95%;
	    height:30px;
	    background:#fff;
	    margin:0 auto;
	    border-radius:50px;
	    margin-top:8px;
	    position:relative;

	    .search{
	    	width:30px;
	    	height:30px;
	    	display:inline-block;
	    	position:absolute;
	    	top: 5px;
	    	left: 7px;
	    	font-size:20px;
	    	float:left;
	    	margin-top:-4px;

	    }

	    .searchInput{
	    	border:none;
	    	float:left;
	    	width:86%;
	    	height:28px;
	    	line-height:28px;
	    	margin-left:28px;
	    	margin-top:2px;
	    	
	    }
	}
}


	.all-list-wrapper{
		width:100%;
		height:100%;
	   	margin-top:1px;
	   	top: 88px!important;
	   	position: absolute;
	    bottom: 47px;
	    left: 0;
	    right: 0;
	    overflow: hidden;

	   	.speciesList{
	   		position: absolute;
		    width: 17%;
		    height: 100%;
		    top: 0;
		    left: 0;
		    background-color: #f5f5f5;
		    overflow-x: hidden;
		    overflow-y: auto;
		    z-index: 3;
		    float: left;

		    .spaciesName{
		    	width: 100%;
		    	list-style:none;

		    	.liList{
		    		height: 45px;
				    line-height: 45px;
				    position: relative;
				    text-align: center;
				    color: #666;
				    border-bottom:1px solid #eaeaea;
		    	}
		    }
	   	}

	   	.showList{
	   		position: relative;
		    width: 100%;
		    height: 100%;
		    overflow-x: hidden;
		    overflow-y: auto;

		    .good-menu{
		    	width:83%;
			    height: 36px;
			    background-color: #fff;
			    	float:right;

			    .good-menu-list{
				    width: 100%;
				    height: 36px;
				    line-height:36px;
				    top: 0;
				    left: 0;
				    padding-right: 10px;
				    box-sizing: border-box;
				    display: -webkit-box;
				    display: -webkit-flex;
				    display: flex;
				    -webkit-box-pack: justify;
				    -webkit-justify-content: space-between;
				    justify-content: space-between;

				    .current{
				    	height: 36px;
					    line-height: 36px;
					    text-align: center;
					    -webkit-box-flex: 1;
					    flex: 1;


					    .aName{
					    	color:#999;
					    	height: 36px;
					    	line-height: 36px;
					    	 display: inline-block;
					    	 width:100%;
					    }


					   .i-wrap{
					    	display: inline-block;
						    width: 6px;
						    height: 12px;
						    vertical-align: middle;
						    position: relative;
						    margin-left: 4px;

						    .up{
						    	position: absolute;
							    width: 4px;
							    height: 4px;
							    border: 1px solid #bbb;
							    border-bottom:1px solid transparent;
							    border-left:1px solid transparent;
							    left: 0;
							    transform: rotate(-45deg);

							}

						    .down{
						    	position: absolute;
							    width: 4px;
							    height: 4px;
							    border: 1px solid #bbb;
							    left: 0;
							    top:3px;
							    border-top:1px solid transparent;
							    border-right:1px solid transparent;
							    transform: rotate(-45deg);

						    }
					    }

				    }


				  
			    }
		    }

	    	
	   	}
	   	
	}
	.lijing{
	   		width: 83%;
	   		margin-top:36px;
	   		margin-left: 17%;
	   		height: 100%;
	   		dl{
	   			width: 100%;
	   			overflow: hidden;
	   			dt{
	   				float: left;
	   				width: 50px;
	   				height: 50px;
	   				margin-top: 25px;
	   				img{
	   					width: 100%;
	   					height: 100%;
	   				}
	   			}
	   			dd{
	   				padding-left:7px;
	   			}
	   			dd:nth-of-type(1){
	   				margin-top: 15px;
	   				font-size: 14px;
	   				height: 16px;
	   				line-height: 16px;
	   				overflow: hidden;
	   				margin-bottom: 3px;
	   			}
	   			dd:nth-of-type(2){
	   				font-size: 12px;
	   				color: #999;
	   				span{
	   					padding-left:7px;
	   				}
	   			}
	   			dd:nth-of-type(3){
	   				padding-left:7px;
	   				.u-progress {
	   					padding-left:7px;
	   					width: 70%;
	   				    height: 5px;
	   				    background: #e7e7e7;
	   				    position: relative;
	   				    border-radius: 3px;
	   				    overflow: hidden;
	   				    .pgbar{
	   				    	display: block;
	   				    	padding-left:7px;
	   				    	width: 70%;
	   				    	height: 100%;
	   				    	border-radius: 3px;
	   				    	background:#f60;
	   				    }
	   				}
	   				
	   			}
	   			.can li{
	   					width: 27%;
	   					text-align: left;
	   					float: left;
	   					color: #ccc;
	   					font-size: 10px;
	   					border: none;
	   					margin: 0;
	   					padding: 0;
	   					box-shadow: none;
	   					border-radius: none;
	   					em{
	   						display: block;
	   						font-size: 10px;
	   						font-family: arial;
	   						height: 14px;
	   						padding: 2px 0 0 0;
	   						font-style: normal;
	   						color: red;
	   					}
	   				}
	   			
	   		}
	   		
	   	}
}